Para utilizar el ngClass podemos hacerlo de varias maneras:
Utilizando un objeto para controlar las clases
En este metodo utilizamos un objeto de tipo Record para definir el nombre de las clases que aplicaremos, y le daremos un valor booleano segun queramos aplicar la clase o no:
currentClasses: Record<string, boolean> = {
claseUno: true,
claseDos: false
};En el HTML utilizariamos el [ngClass] pasandole el objeto currentClasses tal que así:
De esta manera se aplicaran solo las clases que estan a true, no tenemos por que poner un true o false directamente, podemos poner una expresión
Como podemos ver en el navegador solo se aplica la clase claseUno
Utilizando una expresion directamente en el ngClass
Podemos tambien poner la clase que queremos aplicar directamente en el ngClass y utilizar una expresión booleana para controlar si aplicar la clase o no:
<div [ngClass]="{'text-danger' : isOutdated}">En este caso la clase text-danger se aplicaría solo si la variable isOutdated es true